<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
<style>
  .view-title {
    color: #333;
    font-size: 16px;
  }

  .line-h {
    line-height: 30px;
  }

  .bor-btm {
    border-bottom: 1px solid #dddddd;
  }
</style>